<!doctype html>
<html   xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>404财富管家</title>
<meta name="keywords" content="财富管家" />
<meta name="description" content="财富管家" />
<link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
<link rel="icon" th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" th:href="@{/css/style.css}"/>
<link rel="stylesheet" th:href="@{/css/user.css}"/>
<link th:href="@{/css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/bs.css}" rel="stylesheet">
<link th:href="@{/css/index.css}" rel="stylesheet">
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
	<link rel="stylesheet" type="text/css" th:href="@{/css/layui/css/layui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/view.css}"/>
<script th:src="@{/js/highcharts.js}"></script>
	<script th:src="@{/js/address.js}"></script>

<!--
<script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script src="https://img.hcharts.cn/highcharts/themes/grid-light.js"></script>
-->
<style type="text/css">
	#transaction_table th{
		font-size: 20px;
		height: 30px;
		width: 150px;
		
	}
	
	#transaction #search select{
		font-size: 20px;
		
	}
	
	#transaction #search input {
		font-size: 18px;
		
	}
	
	#info span{
		font-size: 20px;
	}
	
	#info input{
		width: 200px;
		height: 30px;
	}
	.u-label {
		font-size: 20px;
	}
	.item-verify-group{
		margin-left: 14px;
		margin-top: 20px;
	}
	
	.item-verify-group select{
		font-size: 20px;
	}
	.item-verify-group input{
		font-size: 20px;
	}
	.main-box{
		
		margin-left: 350px;
	}
	.btn-btn-info{
		width: 60px;
		height: 40px;
		background-color: #31B0D5;
		border-radius: 5px;
		color: white;
	}
</style>
</head>

<body>

<!----header s---->
<div class="topnav">
	<div class="mainw w">
		<div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>

		<a th:href="@{/information/xinxi2}" class="dh">帮助中心</a>
		<a th:href="@{/information/xinxi3}" class="dh">新手指引</a>

	</div>
</div>
<header>
	<div class="hmain w">
		<a th:href="@{/index}" class="logo"><img th:src="@{/images/logo.png}"></a>
		<a th:href="@{/login}" class="ubut">退出</a>
		<a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;background-color: #C9302C;color: white;">个人中心<span><dl th:text="${'我的资产:'+user.balance}">我的资产：2830.00</dl></span></a>
		<nav>
			<a th:href="@{/index}" >首页</a>
			<a th:href="@{/invest/list}">我要投资</a>
			<a th:href="@{/borrowCenter/index}">我要借贷</a>
			<a th:href="@{/zhongchou/list}">众筹中心</a>
			<a th:href="@{/information/xinxi1}">信息披露</a>
		</nav>
	</div>
</header>
<!----header e---->



<!---user top s---->
<div class="user-top">

	<div class="userinfo">

		<a href="" class="portrait" style="margin-top:10px;"><em>编辑头像</em><img th:src="@{/images/user-portrait.jpg}"></a>
		<div class="minfo" style="margin-top:30px;">
			<div class="it"><dl>ID：</dl><span class="mr1" th:text="${user.id + 10000}">633748</span> <dl>用户名：</dl><span th:text="${user.tell}">xiezhengyi</span></div>
			<div class="it">
				<dl>绑定手机号：</dl><span th:text="${user.tell}">187****6613</span>
				<a class="ml1" title="手机" th:href="@{/userCenter/safe}"><i class="icon-0566"></i></a>
				<a th:href="@{/userCenter/account}" class="ml1" title="设置"><i class="icon-0421"></i></a>
			</div>
		</div>

		<div class="capital">
			<dl>我的总资产</dl><em th:text="${user.balance}">258.00</em>
		</div>
		<div class="capital2">
			<a href="javascript:void(0);" onclick="recharge()" class="ti">充值</a>
			<a href="javascript:void(1);" onclick="forward()" class="ti">提现</a>
		</div>

	</div>
    
    <div class="nav">
  		<a th:href="@{/userCenter/index}" class="l"><i class="icon-0101" ></i><span >我的项目</span></a>
		<a th:href="@{/userCenter/loan}" class="l"><i class="icon-0101" ></i><span >我的借贷</span></a>
		<a th:href="@{/userCenter/Crowd}" class="l"><i class="icon-0941"></i><span>我的众筹</span></a>
		<a th:href="@{/userCenter/transaction}" class="l"><i class="icon-0423"></i><span>交易记录</span></a>
		<a th:href="@{/userCenter/account}" class="l"><i class="icon-0841"style="color: orange;"></i><span style="color: orange;">账户设置</span></a>
		<a th:href="@{/userCenter/safe}" class="l"><i class="icon-0282"></i><span>安全设置</span></a>
		<a th:href="@{/login}" class="r"><i class="icon-0735"></i><span>退出</span></a>
    </div>
    
</div>

<!---user top e---->
<div class="u-main">

	<div>
		<a style="font-size: 20px;margin-left: 20px;color: orange;border-bottom: groove;" th:href="@{/userCenter/account}">个人基本信息</a>
		<a style="font-size: 20px;margin-left: 20px;" th:href="@{/userCenter/company}">企业信息</a>
	</div>


	<div class="main-box">
		<div style="margin-top: 20px;">
			<div id="info" style="margin-top: 20px;">
				<span style="color: red;">*</span>
				<span>真实姓名：</span>
				<input   type="text" style="font-size: 16px" readonly="readonly" th:value="${userinfo.name}" />
			</div>
			<div id="info" style="margin-top: 20px;">
				<span style="color: red;">*</span>
				<span>身份证号：</span>
				<input  type="text" style="font-size: 16px" readonly="readonly" th:value="${userinfo.IDcard}" />
			</div>
			<div id="info" style="margin-top: 20px;">
				<span style="color: red;">*</span>
				<span>手机号码：</span>
				<input   type="text" style="font-size: 16px"  readonly="readonly" th:value="${user.tell}" />
			</div><!---->
			<form  th:action="@{/userCenter/save}" method="post"  class="item-verify-group" >
				<div class="item-verify-group" style="margin-left: 53px">
					<label class="u-label">性别：</label>
					<select name="sex" id="sex" disabled="disabled" class="info2" >
						<option value="">请选择</option>
						<option value="0">男</option>
						<option value="1">女</option>
						<option value="2">保密</option>
					</select>
				</div>
				<div class="item-verify-group" style="margin-left: 53px">
					<label class="u-label">年龄：</label>
					<input  class="info2" type="text" name="age"  disabled="disabled" th:value="${userinfo.age}" />
				</div>
	        	<div class="item-verify-group">
		            <label class="u-label">最高学历：</label>
		            <select name="educational" id="educational" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">小学</option>
		            	<option value="1">初中</option>
		            	<option value="2">高中</option>
		            	<option value="3">大专</option>
		            	<option value="4">本科</option>
		            	<option value="5">硕士</option>
		            	<option value="6">博士</option>
		            	<option value="7">博士后</option>
		            	<option value="8">其他</option>
		            </select>
		        </div>
		        <div class="item-verify-group">
		            <label class="u-label">毕业院校：</label>
		            <input name="school" disabled="disabled"  class="info2" type="text" th:value="${userinfo.school}">
		        </div>
		       <!-- <div class="item-verify-group">
		            <label class="u-label">婚姻状况：</label>
		            <select name="marryStatus" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">未婚</option>
		            	<option value="1">已婚</option>
		            	<option value="2">离婚</option>
		            	<option value="3">丧偶</option>
		            </select>
		        </div>-->
		       <!-- <div class="item-verify-group">
		            <label class="u-label">公司行业：</label>
		            <select name="companyIndustry" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">国家机关</option>
		            	<option value="1">事业单位</option>
		            	<option value="2">民营企业</option>
		            	<option value="3">上市公司</option>
		            	<option value="4">世界500强</option>
		            	<option value="5">外资企业</option>
		            </select>
		        </div>
		        <div class="item-verify-group">
		            <label class="u-label">公司规模：</label>
		            <select name="companyScale" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">1-10人</option>
		            	<option value="1">10-50人</option>
		            	<option value="2">50-100人</option>
		            	<option value="3">100-500人</option>
		            	<option value="4">500人以上</option>
		            </select>
		        </div>
		        <div class="item-verify-group">
		            <label class="u-label">公司职业：</label>
		            <select name="companyOffice" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">总裁</option>
		            	<option value="1">助理</option>
		            	<option value="2">秘书</option>
		            	<option value="3">经理</option>
		            	<option value="4">主管</option>
		            	<option value="5">员工</option>
		            </select>
		        </div>-->
				<div class="item-verify-group">
					<label class="u-label">公司名称：</label>
					<input name="company" disabled="disabled" class="info2" type="text" th:value="${userinfo.company}">

				</div>
		        <div class="item-verify-group" style="margin-left: -5px;">
		            <label class="u-label">月收入水平：</label>
		            <select name="salary"  id="salary" disabled="disabled" class="info2" >
		            	<option value="">请选择</option>
		            	<option value="0">2000以下</option>
		            	<option value="1">2000-5000</option>
		            	<option value="2">5000-8000</option>
		            	<option value="3">8000以上</option>
		            </select>
		        </div>
		        <!--<div class="item-verify-group" style="margin-left: 55px;">
	                <label class="u-label">籍贯：</label>
	                <select id="cmbProvince" name="cmbProvince" disabled="disabled" class="info2"></select>
	                <select id="cmbCity" name="cmbCity" disabled="disabled" class="info2"></select>
	                <select id="cmbArea" name="cmbArea" disabled="disabled" class="info2"></select> 
					<script type="text/javascript">  
						addressInit('cmbProvince', 'cmbCity', 'cmbArea');  
					</script> 
		        </div>-->
				<div class="item-verify-group" style="margin-left: -5px;">
					<label class="u-label">现居住地址：</label>
					<input name="nowaddress" disabled="disabled" lay-verify="nowaddress" type="text"  class="info2" th:value="${userinfo.nowaddress}">
				</div>
		     <!--   <div class="item-verify-group" style="margin-left: -25px;">
	                <label class="u-label">籍贯地址邮编：</label>
	                <input name="addressNum" disabled="disabled" type="text"  class="info2" th:value="${userinfo.nowaddress}">
	            </div>-->
		        <div class="item-verify-group" style="width: 300px;margin-left: 150px;">
		        	<div >
		              <input class="btn-btn-info"   type="button" value="编辑"  onclick="formClick()"style="width: 150px;">
					  <input type="submit" class="btn-btn-info" style="width: 150px;display: none"  value="保存"/></input>
		        	</div>
	          	</div><!--"-->
			</form>

		</div>
	</div>
	
</div>
<script type="text/javascript" th:src="@{/css/layui/layui.all.js}"></script>
<script th:inline="javascript">
	var sexvalue=[[${userinfo.sex}]];
    var educationalvalue=[[${userinfo.educational}]];
    var salarylvalue=[[${userinfo.salary}]];
    var userId = [[${user.id}]];//用户id
    var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
</script>



<script type="text/javascript">
	window.onload = function () {
       // var changestatus = '${sex}';  //select的ID：status
        $("#sex option").each(function(){
            if($(this).val() == sexvalue){
                $(this).attr("selected",true);
			}
    	});
        $("#educational option").each(function(){
            if($(this).val() == educationalvalue){
                $(this).attr("selected",true);
            }
        });
        $("#salary option").each(function(){
            if($(this).val() == salarylvalue){
                $(this).attr("selected",true);
            }
        });
		//console.log(sexvalue);
	}
</script>

<script type="text/javascript">
	function  formClick(){
		for(var i =0;  i  < document.getElementsByClassName("info2").length;i++){
			document.getElementsByClassName("info2")[i].removeAttribute("disabled");
			
		}
		document.getElementsByClassName("btn-btn-info")[1].style.display="block";
		document.getElementsByClassName("btn-btn-info")[0].style.display="none";
		

	}
	
	function  formsave(){
		for(var i =0;  i  < document.getElementsByClassName("info2").length;i++){
			document.getElementsByClassName("info2")[i].setAttribute("disabled","disabled");
			
		}
				document.getElementsByClassName("btn-btn-info")[1].style.display="none";
		
		document.getElementsByClassName("btn-btn-info")[0].style.display="block";
	
	}
	
	
</script>

<!--充值页面 s-->
<script type="text/javascript">
    function recharge() {
        //页面层
        layer.open({
            type: 2,
            title: '充值中心',
            skin: 'layui-layer-rim', //加上边框
            area: ['750px', '470px'], //宽高
            anim:4, //0-6的动画形式，-1不开启
            content: contextPath + '/userCenter/recharge?id=' + userId
        });
    }
</script>
<!--充值页面 e-->
<!--提现页面 s-->
<script type="text/javascript">
    function forward() {
        //页面层
        layer.open({
            type: 2,
            title: '提现中心',
            skin: 'layui-layer-rim', //加上边框
            area: ['750px', '340px'], //宽高
            anim:4, //0-6的动画形式，-1不开启
            content: contextPath + '/userCenter/forward?id=' + userId
        });
    }
</script>
<!--提现页面 e-->



<!---footer s--->
<footer>
	<div class="fmain w">
    	<div class="fm-top">
        	<div class="left">
            
            	<div class="ilist">
                	<h1>联系我们</h1>
                    <div class="t">客服电话</div>
                    <div class="tel">400-1234-123</div>
                    <div class="t">邮箱：quanminsat@163.com</div>
                </div>

				<div class="ilist">
					<h1>关于我们</h1>
					<a th:href="@{/information/jianjie}">公司简介</a>
					<a th:href="@{/information/gonggao}">最新公告</a>
					<a th:href="@{/information/join_us}">加入我们</a>
				</div>
            </div>
            <div class="right">
            	<div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
            </div>
        </div>
          <div class="fm-bot" style="text-align: center;">
        	<span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
        	<br />
            <dl>市场有风险 投资需谨慎</dl>
        </div>
    </div>
</footer>
<!---footer e--->


</body>
</html>
